import styles from './index.module.scss'
import classNames from 'classnames'

export default function Input({ className, value, onChange, ...set }) {
  const onValueChange = (e) => {
    // 获取最新的输入内容，并将它的长度更新到 count 状态
    const newValue = e.target.value
    value = newValue
    // 调用外部传入的事件回调函数
    onChange(e)
  }
  return (
    <div className={styles.root}>
      <input
        className={classNames('input', className)}
        value={value}
        onChange={onValueChange}
        {...set}
      />
    </div>
  )
}
